<template>
    <div>
      <el-container class="home-container">
        <!-- 头部区域 -->
        <el-header>
        <div>
          <!-- 头像图片 -->
          <img src="../../public/heima.png" alt="">
          <span>电商后台管理系统</span>
        </div>
          <el-button type="info" @click="logout">退出</el-button>
        </el-header>
        <el-container>
          <!-- 侧边导航 -->
          <el-aside width="200px">Aside</el-aside>
          <!-- 主体部分 -->
          <el-main>Main</el-main>
        </el-container>
      </el-container>
    </div>
</template>

<script>
export default {
  data () {
    return {
    }
  },
  methods: {
    logout () {
      window.sessionStorage.clear()
      this.$router.push('/login')
    }
  }
}
</script>

<style lang="less" scoped>
  .home-container {
    height: 100%;
  }
.el-header{
  background-color:#373D41;
}

.el-aside{
  background-color:#333744;
}
.el-main{
  background-color:#eaedf1;
}

</style>
